.menuBar {
  width: 240px;
  height: 100%;
  min-height: 560PX;
  background: rgba(207, 207, 207, 0.05);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  box-sizing: content-box;
    .menuItem {
      display: flex;
      align-items: center;
      gap: 4px;
      cursor: var(--pointer) ;
      padding: 8px 16px;
      line-height: 20px;
      font-size: 0;
      .img{
        width: 16px;
        height: 16px;
      }
      .text{
        font-size: 14px;
        color: rgb(224, 220, 224);
      }
    }

    :global(.is-active) {
      background-color: rgba(49, 100, 229, 0.2);
      border-right: 2px rgba(52, 114, 255, 1) solid;
    }
}